<template>
	<view class="flex1" style="flex-direction: column;">
		<view :class="fixedS ? 'height-box': ''"></view>
		<view class="b_b " :class="fixedS ? 'fixed_b': ''" @click="click1(text)">{{text}}</view>
	</view>
</template>

<script>
	export default {
		name: "bottomBtn",
		props: {
			text: {
				default: '',
				type: String
			},
			fixedS: {
				default: false,
				type: Boolean
			}
		},
		data() {
			return {

			};
		},
		methods: {
			click1(param) {
				this.$emit('click1', param);
			}
		}
	}
</script>

<style lang="scss" scoped>
	.height-box {
		height: 150rpx;
	}

	.b_b {
		margin-top: 30rpx;
		width: 92%;
		height: 96rpx;
		background: #262731;
		border-radius: 48rpx;
		font-size: 28rpx;
		font-weight: 600;
		color: #FFFFFF;
		line-height: 96rpx;
		text-align: center;
	}

	.fixed_b {
		position: fixed;
		bottom: 50rpx;
		left: 50%;
		margin-left: -46%;
	}
</style>
